<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .test2 ,.test1{
            width: 150px;
            height: 150px;
            border-radius: 150px;
        }
        .test2{
            position: relative;
            top:0;
            left: 200px;
            background-color: #1b6d85;
        }.test1{
             position: relative;
             top:0;
             left: 0;
             background-color: #4cae4c;
         }
    </style>
    <script src="//cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
</head>
<body>
<div id="add" class="test1"></div>
<div id="jian" class="test2"></div>

<script>
    document.getElementById('add').addEventListener('touchstart',function () {
        document.getElementById('add').addEventListener('touchmove',function (event) {
//            alert(event.touches);
        });
        document.getElementById('add').addEventListener('touchend', function (e) {
            obj.style.left = (210 * scale - 108 * scale) / 2 + 'px';
            obj.style.top = (210 * scale - 108 * scale) / 2 + 'px';
        })

    });
    document.getElementById('jian').addEventListener('touchstart',function () {
        alert('jian');
    });
</script>
</body>
</html>